{include file="index@index/head"}

<!--轮播图-->
<div id="demo" class="container-fluid carousel slide" data-ride="carousel">
	<div class="row">
		<!-- 指示符 -->
		<ul class="carousel-indicators">
      {sy:list nid="105" name="vo" key='key'}
			<li data-target="#demo" data-slide-to="{$key}" class="{if condition="$key eq 0"}active{/if}"></li>
      {/sy:list}
		</ul>
		<!-- 轮播图片 -->
		<div class="carousel-inner text-center">

      {sy:list nid="105" name="vo" key='key'}
			<div class="carousel-item {if condition="$key eq 0"}active{/if}">
				<img class="img-fluid" src="{$vo.img}">
				<div class="carousel-caption">
					<h3>{$vo.title}</h3>
				</div>
			</div>
      {/sy:list}
		</div>
	</div>
</div>
<!--国家开放大学-->
<div class="bg-white pt-5 pb-5">
    <div class="container">
        <div class="row pt-5 pb-5">
            <div class="col-6 pt-5">
                <h2 class="mt-5">国家开放大学</h2>
                <p class="text-muted mb-5">国家开放大学是在中央广播电视大学和地方广播电视大学的基础上组建，以现代信息技术为支撑，办学网络立体覆盖全国城乡，学历与非学历教育并重，面向全体社会成员，没有围墙的新型大学。</p>
                <button type="button" class="btn btn-more-purple">立即咨询</button>
            </div>
            <div class="col-6">
                <img class="img-fluid" src="__PUBLIC__/static/static/img/gkdd/cha_1.png" alt="">
            </div>
        </div>
    </div>
</div>
<!--国家开放大学证书样本-->
<div class="bg-gray pt-5 pb-5">
    <div class="container">
        <div class="row pt-5 pb-5">
            <div class="col-6">
                <img class="img-fluid" src="__PUBLIC__/static/static/img/gkdd/certificate.png" alt="">
            </div>
            <div class="col-6">
                <h2>国家开放大学证书样本</h2>
                <p class="text-muted">电子注册，唯一编码，学信网终身可查，含金量高 企事业单位认可度高，升职、加薪、评职称皆可 国家承认的正规学历，跳槽、加薪，利于个人提升 持有国家承认的本科学历可申请优先办理居住证。</p>
                <button type="button" class="btn btn-more-purple" style="position: absolute;bottom:0;">在线咨询</button>
            </div>
        </div>
    </div>
</div>
<!--国开优势-->
<div class="bg-white pt-5 pb-5">
    <div class="container">
        <div class="row pt-5 pb-5">
            <div class="col-8">
                <h2>国家开放大学的优势</h2>
                <p class="text-muted">
                    就业优势：国家开放大学基于网络自主学习、远程学习支持服务与面授辅导相结合的新型学习模式。以需求为导向，以能力培养为核心，改革教学内容和课程体系，与行业企业合作，科学、灵活、有针对性地开设国家开放大学特色专业。合作院校更有东北财政经济大学、北京交通大学、武汉大学、中国政法大学、上海师范大学等知名院校，其名校文凭更能助你高薪就业。
                    <br><br>
                    专业优势：除了工商管理、行政管理、会计学、学前教育、土木工程等这些就业率高专业外，更有机械制造及其自动化、社会工作、法学、汉语言文学等这种热门的专业，让各位同学根据自己的需求有多样的选择，更有不错的发展方向。
                </p>
            </div>
            <div class="col-4">
                <img class="img-fluid" src="__PUBLIC__/static/static/img/gkdd/cha_2.png" alt="">
            </div>
        </div>
        <!--学习期-->
        <div class="row mb-5">
            <div class="col-4">
                <div class="border mb-5" style="height: 416px">
                    <div><img class="img-fluid" src="__PUBLIC__/static/static/img/gkdd/pic_1.png" alt=""></div>
                    <div class="pt-3 pl-4 pr-4">
                        <h5 class="font-weight-bold mb-3">学习前期</h5>
                        <ul class="list-unstyled">
                            <li>
                                <h6 class="font-weight-bold">充实基础</h6>
                                <p class="text-muted">学习基础理论知识，配合每周名师教材精讲课程，建议从简单基础知识学起</p>
                            </li>
                            <li>
                                <h6 class="font-weight-bold">攻克重点</h6>
                                <p class="text-muted">配合考试大纲，确定考点方向<br>
                                    挑重点、难点学习，提升对考点的理解掌握能力</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="text-center"><button class="btn btn-more-purple" type="button">点击咨询技巧</button></div>
            </div>
            <div class="col-4">
                <div class="border mb-5" style="height: 416px">
                    <div><img class="img-fluid" src="__PUBLIC__/static/static/img/gkdd/pic_1.png" alt=""></div>
                    <div class="pt-3 pl-4 pr-4">
                        <h5 class="font-weight-bold mb-3">学习中期</h5>
                        <ul class="list-unstyled">
                            <li>
                                <h6 class="font-weight-bold">得分技巧</h6>
                                <p class="text-muted">模拟考试，查漏补缺<br>
                                    题库测试，备考复习<br>
                                    对照串讲内容，梳理以上的必考点</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="text-center"><button class="btn btn-more-purple" type="button">点击咨询技巧</button></div>
            </div>
            <div class="col-4">
                <div class="border mb-5" style="height: 416px">
                    <div><img class="img-fluid" src="__PUBLIC__/static/static/img/gkdd/pic_1.png" alt=""></div>
                    <div class="pt-3 pl-4 pr-4">
                        <h5 class="font-weight-bold mb-3">学习后期</h5>
                        <ul class="list-unstyled">
                            <li>
                                <h6 class="font-weight-bold">资料速记</h6>
                                <p class="text-muted">根据笔记整理精简资料、历届真题、模拟试卷以及过关宝典<br>
                                    进行重点、难点、考点等考前速记</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="text-center"><button class="btn btn-more-purple" type="button">点击咨询技巧</button></div>
            </div>
        </div>

        <!--在线报名-->
        <div class="d-flex flex-column p-5" style="box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.05);">
            <h3 class="mb-5">在线报名</h3>
            <form class="row" method="post" action="/index/show/sendemail.html" data-type="ajax">
                <div class="col-3 mb-4">
                    <input type="text" name="name" id="name" class="form-control" placeholder="姓名">
                </div>
                <div class="col-3 offset-1 mb-4">
                    <input type="number" class="form-control" id="phone" name="phone" value="" placeholder="电话">
                </div>
                <div class="col-4 offset-1 mb-4">
                    <input type="number" class="form-control" name="qq" placeholder="联系QQ">
                </div>
                <div class="col-5 mb-4">
                    <input type="text" class="form-control" name="school" placeholder="意向学校">
                </div>
                <div class="col-5 offset-2 mb-4">
                    <input type="text" class="form-control" name="major" placeholder="意向专业">
                </div>
                <div class="m-auto mt-5">
                    <input type="submit" class="btn btn-blue pl-5 pr-5" value="提交报名" >
                </div>
            </form>
        </div>
    </div>
</div>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="__PUBLIC__/public/layer/layer.js"></script>
<script>
$(document).on('submit','form[data-type=ajax]',function(){
	var url = $(this).attr('action');
	var data = $(this).serializeArray();
	if($("#name").val()==""){ 
		layer.msg("请输入姓名");
		return false;
	}
	if($("#phone").val()==""){ 
		layer.msg("请输入手机");
		return false;
	}
	var phoneReg = /(^1[3|4|5|7|8]\d{9}$)|(^09\d{8}$)/;	
	var phone = $("#phone").val();
	if (!phoneReg.test(phone)) {
		layer.msg('手机号码格式错误');
		return false;
	} 
	$.post(url,data,function(res){		
		if(res.code == 1){
			layer.alert(res.msg,function(){ window.location.reload(); });	
		}else{		
			layer.msg(res.msg);			
		}
	},"JSON");
	return false;
});
$(function(){
	$.get('/index/show/getToken.html',function(res){
		$("#token").val(res.__token__);
	},'json');
})
</script>
{include file="index@index/foot"}